<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
    <center>
        <h1>用户注册</h1>
        <!--
            <form>标签:表单，用于将用户在页面上输入的内容提交给服务端的组件。
                  注意:只有被form标签包含的输入框中用户输入的内容才会被提交。

                  form表单上有两个重要的属性:
                  action:用于指定表单提交的位置(该位置是服务端指定)
                  method:用于指定表单提交的方式，有两个可选值：get,post
                    get:表单数据的提交会被包含在提交的请求路径中的抽象路径部分
                    post:表单数据的提交会被包含在请求的消息正文中(后面课程会介绍)

        表单提交后的路径:
        http://localhost:8080/regUser?username=范传奇&password=123456&nickname=传奇&age=22
        在该路径中，资源的抽象路径部分为:
        /regUser?username=范传奇&password=123456&nickname=传奇&age=22
        URL格式中，对于抽象路径可以包含两部分，请求资源的路径和附带的参数。要求他们之间用"?"隔开
        其中:
            /regUser   请求资源的路径
            username=范传奇&password=123456&nickname=传奇&age=22  附带的参数

        请求资源的路径在表单提交时它的内容就是表单上指定的action的值。
        附带的参数就是表单中所有输入框中的信息，具体格式:
        输入框1的名字=输入框1中用户输入的信息&输入框2的名字=输入框2的内容&...
                                        ^                        ^
                                        &用于分割每一个参数
        -->
        <form action="/regUser" method="get">
            <table border="1">
                <tr>
                    <td>用户名</td>
                    <td><input name="username" type="text"></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input name="password" type="password"></td>
                </tr>
                <tr>
                    <td>昵称</td>
                    <td><input name="nickname" type="text"></td>
                </tr>
                <tr>
                    <td>年龄</td>
                    <td><input name="age" type="text"></td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <!--
                            提交按钮:type="submit"
                            作用:当用户点击这个按钮时，会将包含该按钮的表单进行提交
                        -->
                        <input type="submit" value="注册">
                    </td>
                </tr>
            </table>
        </form>
    </center>
</body>
</html>